{% load static %}
{% load i18n %}
<div class="layui-carousel">
    <div class="carousel-item carousel-mid-search">

{#        <img src="{% static 'search/search_bg.png' %}" style="width: 100%">#}

    <!-- 搜索框 -->
        <div  class="layui-hide-xs" style="position: relative;top:22%;">

            <form method="get" action="{% url 'doc_search' %}" target="_blank">
            <div class="layui-input-inline">
                <div class="mid-help-text">帮助文档</div>
                <input class="layui-input mrdoc-search-input" placeholder="{% trans '搜索相关文档' %}" name="q"/>
                <button type="submit" style="position: absolute;top:60px;right: 8px;border: none;background-color: white;">
                    <i class="layui-icon layui-icon-search" ></i>
                </button>
                <div>
                    <span class="hot-doc-span">搜索热词：</span>
                    <ul class="hot-doc-ul">{% for d in hot_doc %}<li class="hot-doc-ul-li"><a href="">{{ d.name }}</a></li>{% endfor %}</ul>
                </div>

            </div>
            </form>

        </div>
        <div class="layui-hide-lg layui-hide-md layui-hide-sm" style="margin:20px;">
            <a href="{% url 'search' %}">
                <i class="layui-icon layui-icon-search" style="font-size: 24px;"></i>
            </a>
        </div>
        </div>
</div>
<script>

</script>